<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="web/templates/ui.xhtml">

	<ui:define name="title">
		<h:outputText value="Configuración del Aplicativo" />
	</ui:define>
	<ui:define name="sidebar">
		<div class="widget">
			<div class="title">
				<div class="inner">
					<h3>
						<h:outputText value="Menú" />
					</h3>
				</div>
			</div>
			<!-- MENU PERFIL ADMINISTADOR -->
			<ui:include src="menu.xhtml" />
		</div>
	</ui:define>
	<ui:define name="content">
		<div class="page-header">
			<h3>
				<h:outputText value="Configuración del Aplicativo" />
			</h3>
		</div>
		<div class="subTitle">
			<ol class="breadcrumb">
				<li><a href="index.jsf"><span class="glyphicon glyphicon-home"></span></a></li>
				<li class="active">Configuración</li>
			</ol>
		</div>
		<div class="gridContent">
			<div class="inner">
				<h:form id="form">
					<p:messages id="messages"  autoUpdate="true" />
					<div class="page-subheader">
						<h3>Configuración de Correo</h3>
					</div>
					<div class="row">
						<div class="col-sm-4 form-group">
							<p:outputLabel for="txtServidor" value="Servidor" />
							<p:inputText id="txtServidor" value="#{configuracionService.configuracion.smtpServidor}" maxlength="100" autocomplete="off" 
							requiredMessage="Servidor: Campo Obligatorio." required="true" style="text-transform: none" />
						</div>
						<div class="col-sm-2 form-group">
							<p:outputLabel for="txtPuerto" value="Puerto" />
							<p:inputText id="txtPuerto" value="#{configuracionService.configuracion.smtpPuerto}" maxlength="4" autocomplete="off" 
							requiredMessage="Puerto: Campo Obligatorio." 
							required="true" style="text-transform: none" />
						</div>
					</div>
					<div class="row">
						<div class="col-sm-4 form-group">
							<p:outputLabel for="txtUsuario" value="Usuario" />
							<p:inputText id="txtUsuario" value="#{configuracionService.configuracion.smtpUsuario}" maxlength="100" autocomplete="off" 
							requiredMessage="Usuario: Campo Obligatorio." 
							required="true" style="text-transform: none">
							</p:inputText>
						</div>
						<div class="col-sm-4 form-group">
							<p:outputLabel for="txtClave" value="Clave" />
							<p:inputText id="txtClave" value="#{configuracionService.configuracion.smtpClave}" maxlength="100" autocomplete="off" 
							requiredMessage="Login de Usuario: Campo Obligatorio." 
							required="true" style="text-transform: none" />
						</div>
					</div>
					<div class="row">
						<div class="col-sm-6 form-group">
							<p:outputLabel for="txtPersonalName" value="Nombre salida de correo" />
							<p:inputText id="txtPersonalName" value="#{configuracionService.configuracion.smtpPersonalName}" maxlength="100" autocomplete="off" 
							requiredMessage="Nombre salida de correo: Campo Obligatorio." 
							required="true" style="text-transform: none">
							</p:inputText>
						</div>
					</div>
					
					<div class="page-subheader">
						<h3>Configuración de Correo - Notificación</h3>
					</div>
					<div class="row">
						<div class="col-sm-4 form-group">
							<p:outputLabel for="txtServidorMasivo" value="Servidor Masivo" />
							<p:inputText id="txtServidorMasivo" value="#{configuracionService.configuracion.smtpServidorMasivo}" maxlength="100" autocomplete="off" 
							requiredMessage="Servidor Masivo: Campo Obligatorio." required="true" style="text-transform: none" />
						</div>
						<div class="col-sm-2 form-group">
							<p:outputLabel for="txtPuertoMasivo" value="Puerto" />
							<p:inputText id="txtPuertoMasivo" value="#{configuracionService.configuracion.smtpPuertoMasivo}" maxlength="4" autocomplete="off" 
							requiredMessage="Puerto Masivo: Campo Obligatorio." 
							required="true" style="text-transform: none" />
						</div>
					</div>
					<div class="row">
						<div class="col-sm-4 form-group">
							<p:outputLabel for="txtUsuarioMasivo" value="Usuario" />
							<p:inputText id="txtUsuarioMasivo" value="#{configuracionService.configuracion.smtpUsuarioMasivo}" maxlength="100" autocomplete="off" 
							requiredMessage="Usuario Masivo: Campo Obligatorio." 
							required="true" style="text-transform: none">
							</p:inputText>
						</div>
						<div class="col-sm-4 form-group">
							<p:outputLabel for="txtClaveMasivo" value="Clave" />
							<p:inputText id="txtClaveMasivo" value="#{configuracionService.configuracion.smtpClaveMasivo}" maxlength="100" autocomplete="off" 
							requiredMessage="Login de Usuario Masivo: Campo Obligatorio." placeholder="Ingrese clave"
							required="true" style="text-transform: none" />
						</div>
					</div>
					<div class="row">
						<div class="col-sm-6 form-group">
							<p:outputLabel for="txtPersonalNameMasivo" value="Nombre salida de correo Masivo" />
							<p:inputText id="txtPersonalNameMasivo" value="#{configuracionService.configuracion.smtpPersonalNameMasivo}" maxlength="100" autocomplete="off" 
							requiredMessage="Nombre salida de correo Masivo: Campo Obligatorio." 
							required="true" style="text-transform: none">
							</p:inputText>
						</div>
					</div>
					
					<div class="page-subheader">
						<h3>Configuración Acceso Reniec</h3>
					</div>
					<div class="row">	
						<div class="col-sm-3 form-group">
							<p:outputLabel for="txtIdentificador" value="Identificador" />
							<p:inputText id="txtIdentificador" value="#{configuracionService.configuracion.reniecIdentificador}"
								maxlength="50" 
								required="true"
			                    requiredMessage="Documento de Identidad: Campo Obligatorio." 
								validatorMessage="Documento de Identidad: debe tener 50 caracteres." autocomplete="off">							
							</p:inputText>
						</div>
						<div class="col-sm-3 form-group">
							<p:outputLabel for="txtDniAcceso" value="Dni de Acceso"/>
							<p:inputText id="txtDniAcceso" value="#{configuracionService.configuracion.reniecDniAcceso}"
								maxlength="50" 
								required="true"
								requiredMessage="Documento de Identidad: Campo Obligatorio." 
								validatorMessage="Documento de Identidad: debe tener 50 caracteres."
								autocomplete="off"/>
						</div>
						<div class="col-sm-3 form-group">
							<p:outputLabel for="txtReniecUsuario" value="Usuario"/>
							<p:inputText id="txtReniecUsuario" value="#{configuracionService.configuracion.reniecUsuario}"
								maxlength="50" 
								required="true"
								requiredMessage="Documento de Identidad: Campo Obligatorio." 
								validatorMessage="Documento de Identidad: debe tener 50 caracteres."
								autocomplete="off"/>
						</div>
						<div class="col-sm-3 form-group">
							<p:outputLabel for="txtReniecClave" value="Clave"/>
							<p:inputText id="txtReniecClave" value="#{configuracionService.configuracion.reniecClave}"
								maxlength="50" 
								required="true"
								requiredMessage="Documento de Identidad: Campo Obligatorio." 
								validatorMessage="Documento de Identidad: debe tener 50 caracteres."
								autocomplete="off"/>
						</div>
					</div>
					
					<div class="page-subheader">
						<h3>Configuración Aplicativo</h3>
					</div>
					<div class="row">
						<div class="col-sm-12 form-group">
							<p:outputLabel for="txtRuta" value="Ruta del Aplicativo"/>
							<p:inputText id="txtRuta" value="#{configuracionService.configuracion.sistemaRuta}" 
							style="text-transform: none"
							maxlength="250"/>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-4 form-group">
							<p:outputLabel for="txtVersion" value="Versión del Aplicativo"/>
							<p:inputText id="txtVersion" value="#{configuracionService.configuracion.sistemaVersion}" 
							style="text-transform: none"
							maxlength="20"/>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12 form-group">
							<p:outputLabel for="txtTituloSistema" value="Nombre del Aplicativo"/>
							<p:editor id="txtTituloSistema" value="#{configuracionService.configuracion.sistemaTitulo}" 
							height="100" />
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12 form-group">
							<p:outputLabel for="txtPiePagina" value="Pie de Página Aplicativo"/>
							<p:editor id="txtPiePagina" value="#{configuracionService.configuracion.sistemaPiePagina}" 
							height="120"/>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12 form-group">
							<p:outputLabel for="txtCopyright" value="Copyright"/>
							<p:inputText id="txtCopyright" value="#{configuracionService.configuracion.sistemaCopyright}" 
							 maxlength="1000" style="text-transform: none"/>
						</div>
					</div>
				
											
					<div class="btnAction row no-gutter">
						<div class="row no-gutter text-right">
							<p:commandButton id="btnGuardar" 
							styleClass="btn btn-success" icon="ui-menuitem-icon ui-icon fa fa-save" iconPos="right" 
							update=":form" value="Guardar" 
							actionListener="#{configuracionService.guardarConfiguracion}" >
								<p:confirm header="Confirmación" message="¿Esta seguro de guardar los datos de configuración?" icon="ui-icon-alert" />
							</p:commandButton>
						</div>
					</div>

				</h:form>
			</div>
		</div>		
		<p:confirmDialog global="true" showEffect="fade" hideEffect="fade" closeOnEscape="true" rendered="true">
			<p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
			<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
		</p:confirmDialog>
	</ui:define>
</ui:composition>